<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jQuery-3.7.1.js"></script>
    <script>
        $(function (){
            $("#btn1").click(function (){
                $("#tid").show()
            })
            $("#btn2").click(function (){
                $("#tid").show(3000)
            })
            $("#btn3").click(function (){
                $("#tid").hide()
            })
            $("#btn4").click(function (){
                $("#tid").hide(3000)
            })
        })
    </script>
</head>
<body onload="show()">
<button id="btn1" onclick="show()">显示</button><br>
<button id="btn2" onclick="show()">慢慢的显示</button><br>
<button id="btn3" onclick="show()">隐藏</button><br>
<button id="btn4" onclick="show()">慢慢的隐藏</button><br>
<table border="1" id="tid">
    <tr>
        <th>主键</th>
        <th>姓名</th>
        <th>性别</th>
        <th>年龄</th>
    </tr>
    <tr>
        <th>1</th>
        <th>a</th>
        <th>b</th>
        <th>11</th>
    </tr>
    <tr>
        <th>1</th>
        <th>a</th>
        <th>b</th>
        <th>11</th>
    </tr>
    <tr>
        <th>1</th>
        <th>a</th>
        <th>b</th>
        <th>11</th>
    </tr>
</table>
</body>
</html>